var dftColor = 'gray';
// 初始化echarts
var myChart = echarts.init(document.getElementById('main'));

var coordsys = 'mapbox3D';

var bmapopt = {
    center: __mapcenter__,
    zoom: 9,
    roam: true,
};


echarts.registerMap('buildings', {
    "features": builds
});

var polygondata = builds.map(function (feature) {
    return {
        coords: feature.geometry.coordinates[0],
        height: feature.properties.height,
    };
});

//加载道路
var taxiRoutes = [];
$.getJSON('/assets/road14.json', function (linesData) {
    var data = linesData.features;
    var hStep = 300 / (data.length - 1);
    var i = 0;
    for (var x in data) {
        var lnglats = data[x].geometry.coordinates[0]
        taxiRoutes.push({
            coords: lnglats,
            lineStyle: {
                color: echarts.color.modifyHSL('#5A94DF', Math.round(hStep * x))

            },
            value: Math.random() * 200
        })
    }
    
});
regionsData.forEach((region) => {
    // region.itemStyle = {
    //     color:dftColor// rgbecharts(hslToRgb(randhsl()))//[0.8, 0.2, 0, 1]
    // }
    region.value = Math.random()
})

var lines3DSeries =        {
    type: 'lines3D',
    coordinateSystem: coordsys,
    effect: {
        show: true,
        constantSpeed: 1,
        trailWidth: 3,
        trailLength: 1,
        trailOpacity: 1,
        spotIntensity: 10
    },
    blendMode: 'lighter',
    polyline: true,
    data: taxiRoutes
};
var map3DSeries = {
    name:'buildings',
    type: 'map3D',
    coordinateSystem: coordsys,
    map: 'buildings',
    data: regionsData,
    shading:'realistic',    
    silent: true,
    instancing: true,
    lambertMaterial:{

    },
    realisticMaterial: {
        metalness: 0,
        roughness: 0.4,
        // textureTiling: 200,
        // detailTexture: 'assets/data-1528097075999-B13VYDfxm.jpg'
    },
    label: {
        show: false,
        formatter: '111',
        textStyle: {
            fontSize: 14,
            fontWeight: 'bold'
        }
    },
}

var mapboxOption = {
    center: __mapcenter__,
    style: mapboxgl_style,
    // style: mapboxStyle,
    zoom: 12  ,
       // postEffect: {
    //     enable: true,
    //     SSAO: {
    //         enable: true,
    //         intensity: 1.3,
    //         radius: 5
    //     },
    //     screenSpaceReflection: {
    //         enable:false
    //     },
    //     depthOfField: {
    //         enable: true,
    //         blurRadius: 4,
    //         focalDistance: 30
    //     }
    // },
    light: {
        main: {
            intensity: 1,
            // shadow: true,
            // shadowQuality: 'high'
            // alpha: 90,
        },
        ambient: {
            intensity: 0,
            // color:'#fff'
        },
        ambientCubemap: {
            texture: 'assets/data-1491838644249-ry33I7YTe.hdr',
            exposure: 1,
            diffuseIntensity: 0.5,
            specularIntensity: 2
        }
    },
};
var postEffect = {
    enable: true,
    // FXAA: {
    //     enable: true
    // }
};
// mapboxOption.postEffect = postEffect;
var echartsopt = {
    // bmap: bmapopt,
    // visualMap: {
    //     show: false,
    //     min: 0.4,
    //     max: 1,
    //     inRange: {
    //         color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
    //     }
    // },
    series: [
    ],
}
echartsopt[coordsys] = mapboxOption;

// echartsopt.series.push(polygons3D);
// echartsopt.series.push(map3DSeries);
// echartsopt.series.push(lines3DSeries);
myChart.setOption(echartsopt);
var shines = [];
// setInterval(() => {
//     if(shines.length>0){
//         shines.forEach((inx)=>{
//             regionsData[inx].itemStyle = {
//                 color:dftColor
//             }
//         })
//         shines = [];
//     }
//     for(let i=0,l=regionsData.length/10;i<l;i++){
//         let inx = Math.floor(Math.random()*regionsData.length);
//         shines.push(inx)
//         regionsData[inx].itemStyle = {
//             color: rgbecharts(hslToRgb(randhsl()))//[0.8, 0.2, 0, 1]
//         }
//     }
//     myChart.setOption({
//         series:[{
//             name:'buildings',
//             data:regionsData
//         }]
//     });
// }, 300);

// var polygons3D = {
//     type: 'polygons3D',
//     coordinateSystem: coordsys,
//     data: polygondata,
//     shading: 'realistic',
//     silent: true,
//     instancing: true,
//     realisticMaterial: {
//         metalness: 1,
//         roughness: 0.4,
//         // textureTiling: 200,
//         // detailTexture: '/asset/get/s/data-1528097075999-B13VYDfxm.jpg'
//     },
// };